<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS外边距margin</title>
</head>
<!--
CSS属性名:
margin-left:左外边距
margin-right:右外边距
margin-top:上外边距
margin-bottom:下外边距
margin:符合属性,可以写1~4个值,规律为顺时针 上右下左
  margin:A:四个margin都是A
  margin:A,B:上是A,左右是B
  margin:A,B,C:上是A,左右是B,下是C


注意:
1.子元素的margin是参考父元素的content计算的
2.上marin,左margin影响自己的位置,下margin,右margin影响后面兄弟的位置
3.块级元素,行内块元素均可以完美的设置四个方向的margin,但是行内元素只能设置左右margin
4.margin的值可以是auto,如果给一个块元素左右设置成auto,该块级元素会在父元素中水平居中
5.margin的值可以是负值
-->

<style>

    div{
        max-width: 600px;
        background-color: red;
        margin: 100px  auto;

    }
</style>
<body>

<div>床前明月光,疑是地上霜,举头望明月,低头思故乡</div>
</body>
</html>